import React from 'react';
import {Route, Switch} from "react-router-dom";
import { lazy } from 'react';
import L from '../../L';
// 自定义组件
import Welcome from '../Welcome'

function a() {
    return <div>
        <h1>a</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Rhoncus dolor purus non enim
            praesent elementum facilisis leo vel. Risus at ultrices mi tempus imperdiet.
            Semper risus in hendrerit gravida rutrum quisque non tellus. Convallis convallis
            tellus id interdum velit laoreet id donec ultrices. Odio morbi quis commodo odio
            aenean sed adipiscing. Amet nisl suscipit adipiscing bibendum est ultricies
            integer quis
        </p>
    </div>
}

function b() {
    return <div>
        <h1>b</h1>
        <p>Elementum eu facilisis sed odio morbi. Euismod lacinia at quis risus sed
            vulputate odio. Morbi tincidunt ornare massa eget egestas purus viverra accumsan
            in. In hendrerit gravida rutrum quisque non tellus orci ac. Pellentesque nec nam
            aliquam sem et tortor. Habitant morbi tristique senectus et. Adipiscing elit
            duis tristique sollicitudin nibh sit. Ornare aenean euismod elementum nisi quis
            eleifend. Commodo viverra maecenas accumsan lacus vel facilisis. Nulla posuere
            sollicitudin aliquam ultrices sagittis orci a.</p>
    </div>
}

export default function DefaultContent() {
    return (
        <Switch>
            <Route path="/a" component={a}></Route>
            <Route path="/b" component={b}></Route>
            <Route path="/" component={Welcome}></Route>
        </Switch>
    )
}